<template>
  <router-view />
</template>
<style >
/* 可以把全局 CSS 贴到这里或用 main.css 引入 */
:root {
  /* 主色与交互色 */
  --primary: #e6d5ab;
  /* 主色：鲜亮绿色，按钮、边框、渐变主色 */
  --primary-dark: #fcd97d;
  /* 主色加深：hover、按下状态 */
  --accent: #0abde3;
  /* 强调色：头像渐变、部分标题渐变，青绿色与主色协调 */

  /* 状态色 */
  --success: #2ecc71;
  /* 成功提示色，绿色系更统一 */
  --warning: #feca57;
  /* 警告色黄色，保留原配色 */

  /* 背景色 */
  --bg-dark: #0f1e2a;
  /* 深色主背景 */
  --bg-light: #1a2b3c;
  /* 卡片、面板浅色背景 */

  /* 文字色 */
  --text-light: #6B7280;
  /* 主文字颜色，浅色文字在深色背景上清晰 */
  --text-muted: #94a3b8;
  /* 次要文字颜色，灰色文字不抢眼 */

  /* 玻璃面板 */
  --glass-bg: rgba(26, 43, 60, 0.7);
  /* 半透明面板背景 */
  --glass-border: rgba(255, 255, 255, 0.1);
  /* 半透明边框 */
}

body {
  background: rgba(0, 0, 0, 0);
  color: var(--text-light);
  min-height: 100vh;
}
</style>
